<template>
  <view>
      <view style="background-image: linear-gradient(to right, #FFA340 ,#FBC94A);height:280rpx;border-radius:10rpx;color:#fff;padding-top:40rpx;padding-left:40rpx;padding-right:40rpx;width:600rpx;margin:0 auto;">
          <view style="margin-bottom: 10rpx;">总金额1</view>
           <view style="font-size: 72rpx;letter-spacing: 10rpx;font-weight: bold;margin-bottom:;">{{accountAmount || 0.00}}</view>
           <view style="display:flex;justify-content: space-between;padding-botom:40rpx;box-sizing: border-box;">
               <view style="width: 100%;display: flex;justify-content: space-between;flex-direction: column;">
                 <view style="width: 100%;">
                   冻结金额
                 </view>
                 <view style="width: 100%;">
                   {{freezeAmount || 0.00}} ￥
                 </view>
               </view>

               <view style="width: 100%;box-sizing: border-box;border-left:1rpx solid  #fff;padding-left:40rpx;display: flex;justify-content: space-between;flex-direction: column;">
                  <view style="width: 100%;">
                    可用余额
                  </view>
                  <view style="width: 100%;">
                    {{usableAmount || 0.00}} ￥
                  </view>
               </view>
           </view>
      </view>

  </view>
</template>

<script>
  import util from '../../utils/index'
  import WXAJAX from '../../utils/request';
  export default {
    data(){
      return {
      accountAmount:0,
      freezeAmount:0,
      usableAmount:0
      }
    },
    onShow(){
      let that = this
        console.log(1111)
        WXAJAX.POST({
          ignore: true
        }, '', '/account/myAccount', '', '', 1).then((data) => {
          that.accountAmount=data.accountAmount;
          that.freezeAmount=data.freezeAmount;
          that.usableAmount=data.usableAmount;
        });
        console.log(that.accountAmount,1)
        console.log(that.freezeAmount,2)
        console.log(that.usableAmount,3)
    }
  }
</script>

<style lang="scss"  scoped>
</style>
